<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
	<meta charset="UTF-8">
	<title>{{'AngularJS'}}</title>

	<script type="text/javascript" src="//cdn.bootcss.com/angular.js/1.4.5/angular.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
	<h1>Hello, {{name || 'AngularJS'}}</h1>
	<input type="text" ng-model="name" placeholder="Enter name here"/>

	<h1>First Controller</h1>
	<div ng-controller="firstController">
		scope model value : {{ person.name }}

		parent cannot visit child model value "childName" :  {{childName}}

		<h2>First Child Controller</h2>
		<div ng-controller="firstChildController">
			<input type="button" ng-click="sayHello()" value='Say Hello' />

			{{childName}} Say : {{person.word}}
		</div>


	</div>
	
	
</body>
</html>